<script>
export default {
  name: "dibuBAH"
}
</script>

<template>
  <div style="width: 100%; height: 32vh; background-color: #2c334c">
    <div class="footer">
      <div class="alt">
        <div class="foot">
          <p>关于我们</p>
          <a href="###">系统简介</a>
          <a href="###">生态文化</a>
          <a href="###">组织机构</a>
          <a href="###">发展历程</a>
          <a href="###">项目荣誉</a>
          <a href="###">开发团队</a>
          <a href="###">联系我们</a>

        </div>
        <div class="foot">
          <p>新闻中心</p>
          <a href="###">系统新闻</a>
          <a href="###">行业新闻</a>
        </div>
        <div class="foot">
          <p>产品及解决方案</p>
          <a href="###">产品系列</a>
          <a href="###">解决方案</a>
        </div>
        <div class="foot">
          <p>研发与创新</p>
          <a href="###">核心技术</a>
          <a href="###">技术创新</a>
        </div>
        <div class="foot">
          <p>经典案例</p>
          <a href="###">交流论坛</a>
          <a href="###">二手交易</a>
          <a href="###">联机框架</a>
          <a href="###">生态网络</a>
        </div>
        <div class="foot">
          <p>服务支持</p>
          <a href="###">技术支持</a>
          <a href="###">服务网络</a>
          <a href="###">资料下载</a>
          <a href="###">团队理念</a>
        </div>
        <div class="foot" style="width: 20%">
          <p>关注我们</p>
          <p>邮箱: dd20041003@qq.com</p>
          <p>微信: drd18571110374</p>
          <img src="" />
        </div>
      </div>
      <div style="border-top:1px #1F1F1F solid;">
        <p class="alt" style="color:#999; line-height:0;">
          <span style="margin-right: 30px">服务协议 隐私政策 <a href="https://beian.miit.gov.cn/" target="_blank" style="color:#999;">鄂ICP备2024070679号-1 </a> </span>
          <span style="margin-right: 30px">版权所有：三峡大学戴润东</span>
          <span style="margin-right: 30px">技术支持：三峡大学计算机与信息启明星实验室</span>
          <a href="###" target="_blank" style="color:#999;">星启计算科技有限公司</a>
          <span style="float:right;">地址：大学路八号</span>
        </p>
      </div>
    </div>
  </div>
</template>

<style scoped>
/*通用开始*/

* {
  margin: 0;
  padding: 0;
  font-family: '微软雅黑', Arial, Helvetica, sans-serif;
}

a {
  text-decoration: none;
}

img {
  border: none;
}

li {
  list-style: none;
}

body {
  font-size: 12px;
}

div {
  font-size: 12px;
}

span {
  font-size: 12px;
}
/*通用结束*/

.footer {
  height: 100%;
  background: #ffffff;
}

.footer .alt {
  overflow: hidden;
  padding: 20px 0;
  width: 1160px;
  margin: auto;
}

.footer .alt .foot {
  width: 138px;
  float: left;
}

.footer .alt .foot p {
  color: #292929;
  line-height: 28px;
}

.footer .alt .foot a {
  color: #999;
  display: block;
  line-height: 24px;
}

.footer .alt .foot a:hover {
  color: #CCC;
}

.footer .alt .foot img {
  padding-top: 20px;
}
</style>